﻿<!--
    
/* ****************************************************************************
 *
 * Copyright (c) Microsoft Corporation. 
 *
 * This source code is subject to terms and conditions of the Microsoft Public License. A
 * copy of the license can be found at http://go.microsoft.com/fwlink/?LinkID=131993. If
 * you cannot locate the Microsoft Public License, please send an email to
 * mixon@microsoft.com. By using this source code in any fashion, you are agreeing to
 * be bound by the terms of the Microsoft Public License.
 *
 * You must not remove this notice, or any other, from this software.
 *
 *
 * ***************************************************************************/
    
-->
<UserControl x:Class="MIXOnline.Descry.ProcessMarker"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
    Width="700"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"
    >
    <Grid x:Name="LayoutRoot" >
        <Grid.Resources>
            
            <Style x:Key="CloseButton" TargetType="Button">
                <Setter Property="Foreground" Value="#66FFFFFF"/>
                <Setter Property="FontWeight" Value="Bold"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <vsm:VisualStateManager.VisualStateGroups>
                                    <vsm:VisualStateGroup x:Name="CommonStates">
                                        <vsm:VisualState x:Name="Normal"/>
                                        <vsm:VisualState x:Name="MouseOver">
                                            <Storyboard>
                                            	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            		<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.395"/>
                                            	</DoubleAnimationUsingKeyFrames>

                                                <!--<ColorAnimation BeginTime="00:00:00" Storyboard.TargetName="foreground" Storyboard.TargetProperty="(UIElement.Foreground)" From="#66FFFFFF" To="#FFFFFFFF" Duration="00:00:00.3000000" />-->

                                            </Storyboard>
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="Pressed">
                                            <Storyboard>
                                            	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            		<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.145"/>
                                            	</DoubleAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </vsm:VisualState>
                                    </vsm:VisualStateGroup>
                                </vsm:VisualStateManager.VisualStateGroups>
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="0.507*"/>
                                        <RowDefinition Height="0.493*"/>
                                    </Grid.RowDefinitions>

                                    <Ellipse Grid.RowSpan="2" Fill="#FFFFFFFF" Stroke="{x:Null}" Margin="1,1,1,1" Opacity="0.25" x:Name="ellipse"/>

                                	<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Width="Auto" Grid.RowSpan="2" OpacityMask="{x:Null}"/>

                                </Grid>

                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="ActionButton" TargetType="Button">
                <Setter Property="Background" Value="#FF1F3B53"/>
                <Setter Property="Foreground" Value="#66FFFFFF"/>
                <Setter Property="FontWeight" Value="Bold"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <vsm:VisualStateManager.VisualStateGroups>
                                    <vsm:VisualStateGroup x:Name="CommonStates">
                                        <vsm:VisualState x:Name="Normal"/>
                                        <vsm:VisualState x:Name="MouseOver">
                                            <Storyboard>
                                            	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="bg" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            		<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.65"/>
                                            	</DoubleAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="Pressed">
                                            <Storyboard>
                                            	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="bg" Storyboard.TargetProperty="(UIElement.Opacity)">
                                            		<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.345"/>
                                            	</DoubleAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </vsm:VisualState>
                                    </vsm:VisualStateGroup>
                                </vsm:VisualStateManager.VisualStateGroups>
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="0.507*"/>
                                        <RowDefinition Height="0.493*"/>
                                    </Grid.RowDefinitions>
                                	<Path Height="10" Width="6" Stretch="Fill" Data="M169,110 L169,129 L182.87758,119.18193 z" Grid.RowSpan="2" Margin="8,0,0,0" HorizontalAlignment="Left" d:LayoutOverrides="Width, Height" Fill="#FFFFFFFF" Opacity="0.75"/>

                                    <Border Opacity="0.5" HorizontalAlignment="Stretch" x:Name="bg" Width="Auto" Grid.RowSpan="2" CornerRadius="3,3,3,3" Background="#FFFFFFFF"/>

                                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Width="Auto" Grid.RowSpan="2"/>

                                </Grid>

                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            
        </Grid.Resources>

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="120"/>
                <RowDefinition Height="110"/>
            </Grid.RowDefinitions>

            <Rectangle Fill="#FF2786E4" RadiusX="5" RadiusY="5" Grid.RowSpan="3" Grid.ColumnSpan="3" Opacity="0.9"/>

            <ScrollViewer Height="100" Grid.Row="0" BorderThickness="0" Margin="10,5,30,0" ScrollViewer.VerticalScrollBarVisibility="Auto">
                <TextBlock TextWrapping="Wrap" Foreground="#FFDDDDDD" Text="{Binding Path=Text}" FontSize="15" FontFamily="Lucida Sans Unicode" FontWeight="Normal"/>
            </ScrollViewer>

            <StackPanel Grid.Row="1" Margin="10,0,0,0">
                
                <TextBlock Text="How would you like to continue?" Foreground="#FFDDDDDD" FontSize="14" FontFamily="Lucida Sans Unicode" Margin="2,0,0,5" FontWeight="Normal" Opacity="0.8"/>

                <StackPanel Orientation="Horizontal">
                    <Button x:Name="buttonBrowse" Width="20"  HorizontalAlignment="Left" Margin="0,5,0,0" VerticalAlignment="Center" Click="buttonBrowse_Click"  Style="{StaticResource ActionButton}" Height="20"/>

                    <TextBlock Text="Let me explore the scene (click on the big &quot;a&quot; or &quot;b&quot;, etc., to return here)" VerticalAlignment="Center" Margin="5,7,0,0" Foreground="#FFDDDDDD"  FontFamily="Lucida Sans Unicode" FontSize="12" Opacity="0.8"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal">
                    <Button x:Name="buttonNext" Width="20" HorizontalAlignment="Left" Margin="0,5,0,0" VerticalAlignment="Center" Click="buttonNext_Click"  Style="{StaticResource ActionButton}" Height="20">
                    	<Grid Margin="5"/>
                    </Button>

                    <TextBlock Text="Take me to the next phase" VerticalAlignment="Center" Margin="5,7,0,0" Foreground="#FFDDDDDD"  FontFamily="Lucida Sans Unicode" FontSize="12" Opacity="0.8"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal">
                    <Button x:Name="buttonPrevious" Width="20" HorizontalAlignment="Left" Margin="0,5,0,0" VerticalAlignment="Center" Click="buttonPrevious_Click" Style="{StaticResource ActionButton}" Height="20">
                    	<Grid Margin="5"/>
                    </Button>

                    <TextBlock Text="Take me to the previous phase" VerticalAlignment="Center" Margin="5,7,0,0" Foreground="#FFDDDDDD"  FontFamily="Lucida Sans Unicode" FontSize="12" Opacity="0.8"/>
                </StackPanel>

            </StackPanel>
        </Grid>

        <Button x:Name="buttonClose" HorizontalAlignment="Right" Content="X" VerticalAlignment="Top" Background="Red" Height="20" Width="20" Margin="0,5,5,0" Click="buttonClose_Click" Style="{StaticResource CloseButton}"/>

    </Grid>
</UserControl>
